// let oUl=document.querySelector('#page ul');
let count = 10, page = 1;
let maxPage;
let id;
let nameVal;
let userVal;
let depVal;
showTable();
function showTable(){
  $.ajax({
    url:'/dj01get',
    data:{ 
      count: count,
      page: page,
      nameValue: $('input[name="name"]').val(),
      userValue: $('input[name="user"]').val(),
      depValue:$('select option:selected').val()
    } ,
  success:(res)=>{
    if (res.error) {
      console.log(res.error);
    }else{
      // 渲染表格
      $("tbody").html('');
      $(res.data).each((i, v)=>{
      $('tbody').append(`
      <tr> 
        <td>${v.admin_id}</td>
        <td>${v.admin_name}</td>
        <td>${v.admin_user}</td>
        <td>${v.admin_nickname}</td>
        <td>${v.dep}</td>
        <td>${v.admin_tel}</td>
        <td>
        <a href="#" class="revise" data-toggle='modal' data-target="#revise">修改</a>
        <a  data-toggle='modal' data-target="#del" href="##" class="del"  >删除</a> 
        </td>
      </tr>
      `)
    })
  }
  // 页码渲染
  $('#page').html('');
  $('#page').append(`<div class="prev">
  <p>
    < </p>
    </div>`)
  for (let i = 1; i <= Math.ceil((res.total / count)); i++) {
    maxPage=i;
    if (page == i) {
      $('#page').append(`
     <div  class="active yema"><a  href="javascript:;">${i}</a></div>
      `)
    } else {
      $('#page').append(`
      <div class="yema"><a href="javascript:;">${i}</a></div>
   `)
    }
  }
  $('#page').append(`<div class="next">
  <p>
   > </p>
</div>`)
}
})
};
  // 页码绑定点击
$('#page').on('click','.yema',function(){
  page = $(this).text();
  showTable();
})
// 上下页绑定点击
$('#page').on('click','.prev',function(){
  console.log(page);
  if(page!=1){
   page--
  }
  showTable();
});
$('#page').on('click','.next',function(){
 if(page!=maxPage){
 page++
 }
  showTable();
  console.log(page);
})
// 更换渲染条数
$('#pagenum').change(function(){
  count=parseInt($(this).val())
  // console.log($(this).val());
  showTable()
})
//跳转页码
$("#jump input").blur(function(){
  // console.log($(this).val());
  page=parseInt( $(this).val())
  showTable()
})
// 删除
$("tbody").on('click', '.del', function () {
  // console.log($(this).parents('tr').children().eq(0).text());
  id = $(this).parents('tr').children().eq(0).text()
})
$('#del_btn').click(function () {
  $.ajax({
    url: '/dj01Del',
    method: 'post',
    data: {
      id: id
    },
    success: (res) => {
      console.log(res);
      if (res.error) {
        console.log(res.error);
      } else {
        console.log(res.msg);
        showTable();
      }
    }
  })
})
// 查询
$('#select').click(function(){
  page=1;
  showTable()
})
// 重置
$('#remake').click(function(){
  location.reload()
})
// 查询修改的部门外键
$("tbody").on('click', '.revise', function () {
  let id = $(this).parents('tr').children().eq(0).text()
  let userName= $(this).parents('tr').children().eq(1).text()
  let userAdmin= $(this).parents('tr').children().eq(2).text()
  let userNickname= $(this).parents('tr').children().eq(3).text()
  let userDep;
  let userTel= $(this).parents('tr').children().eq(5).text()
  $.ajax({
    url:'/dj01Dep',
    method:'post',
    data:{ id:id},
    success:(res)=>{
      userDep=res.data[0].admin_dep;
      $("#userId").val(id);
      $("#userName").val(userName);
      $("#userAdmin").val(userAdmin);
      $("#userNickname").val(userNickname);
      $("#userDep").val(userDep);
      $("#userTel").val(userTel);
    } }
    )
})
// 修改
$('#revise_btn').click(function(){
  $.ajax({
    url:'/dj01Revise',
    method:'post',
    data:{
      id: $("#userId").val(),
      userName:$("#userName").val(),
      userAdmin:$("#userAdmin").val(),
      userNickname:$("#userNickname").val(),
      userDep:$("#userDep").val(),
      userTel:$("#userTel").val()
    },
    success:(res)=>{
      if(res.error){
        console.log(res.error);
      }else{
        console.log(res.msg);
        showTable();
      }
    }
  })
})
// 新增
$('#confirm').click(function(){
  console.log($("#myname").val(),$("#myuser").val(),$("#mydep").val());
  $.ajax({
    url:'/dj01Add',
    method:'post',
    data:{
      admin_name:$("#myname").val(),
      admin_user:$("#myuser").val(),
      admin_psd:$("#mypsd").val(),
      admin_nickname:$("#mynickName").val(),
      admin_tel:$("#mytel").val(),
      admin_dep:$("#mydep").val(),
    },
    success:(res)=>{
      if(res.error){
        console.log(res.error);
      }else{
        console.log(res.msg);
        alert('添加成功')
        showTable();
        window.location = './dj01.html'
        
      }
    }
  })
  
})




//操作日志
